@charset "utf-8";
body { overflow-x: hidden; overflow-y: scroll; width: 100%; color: #000; font-size: 14px; line-height: 1.5; background: #fff; }

body, dd, dl, dt, form, h1, h2, h3, h4, h5, li, ol, p, ul { margin: 0; padding: 0; }

li, ol, ul { list-style: none; }

img { width: 100%; border: none; }

a { color: #333; }

a:hover { text-decoration: none; color: #000; }

input, textarea, select, * { outline: none; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.nowarp { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.line2, .line4, .line3 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }

.line3 { -webkit-line-clamp: 3; line-clamp: 3; }

.line4 { -webkit-line-clamp: 4; line-clamp: 4; }

.flex { display: flex; flex-wrap: wrap; }

.flex-important { display: flex !important; flex-wrap: wrap; }

.flex-center { align-items: center; justify-content: center; }

.hidden { display: none; }

.w100 { width: 100%; max-height: 100%; }

.maxh100 { max-height: 100%; }

.fon36 { font-size: 36px; }

.fon32 { font-size: 32px; }

.fon30 { font-size: 30px; }

.fon26 { font-size: 26px; }

.fon24 { font-size: 24px; }

.fon22 { font-size: 22px; }

.fon20 { font-size: 20px; }

.fon18 { font-size: 18px ; }

.fon16 { font-size: 16px; }

.fon14 { font-size: 14px; }

.fon12 { font-size: 12px; }

.trans { transition: 0.3s linear all; }

.show { display: block !important; }

.hide { display: none !important; }

.positionr { position: relative; }

.positionb { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.visible-hidden { visibility: hidden; }

.color9 { color: #999; }

.color6 { color: #666; }

.color3 { color: #333; }

.padding40 { padding-bottom: 40px; padding-top: 40px; }

.overflow-hidden { overflow: hidden; }

.fonar { font-family: Arial, Helvetica, sans-serif; }

/*图片放大*/
.scale { overflow: hidden; }

.scale img, .scale .scales div { transition: 0.5s linear all; }

.scale:hover img, .scale:hover .scales div { transform: scale(1.1); }

.flex-nowarp { flex-wrap: nowrap; }

.flex-end { align-items: center; justify-content: flex-end; }

.flex-al-center { align-items: center; }

.flex-just { justify-content: space-between; }

.max1200 { max-width: 1200px; margin: 0 auto; width: 95%; }

.bgf { background: #fff; }

.bgf4 { background: #f4f4f4; }

.padding100 { padding: 100px 0; }

.colorf { color: #fff; }
.colorf1 { color: #fff; }
.colorf2 { color: #003E79; }
.colorf3 { color: #fff; }

.max1440 { max-width: 1440px; margin: 0 auto; width: 90%; }

.just-between { justify-content: space-between; }

.header { position: fixed; left: 0; top: 0; z-index: 99; right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.25); background: #01498a; }

.header li { padding: 0 30px; }

.header a { color: #fff; }

.header .tel { margin-top: 10px;   font-weight: bold;color: #fff; }

.header .kefu { padding: 15px 40px; border-left: 1px solid rgba(255, 255, 255, 0.25); border-right: 1px solid rgba(255, 255, 255, 0.25); }

.header .search { padding: 30px 40px 0; }

.fon48 { font-size: 48px; }

.banner-txt { padding: 30px 0; }

.banner-btn { width: 129px; height: 48px; background-color: #01498a; display: block; margin: 0 auto; line-height: 48px; }

.banner-btn:hover { color: #fff; background: #ae8657; }

.swiper-button-white { opacity: .9; }

.swiper-pagination-bullet { width: 13px; height: 13px; background: none; border: 1px solid #fff; opacity: 1; }

.swiper-pagination-bullet-active { background: #fff; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 20px; }

footer { background-color: #003E79; padding: 60px 0; }

footer a { color: #fff; }
.footer-logo img{margin-bottom: 40px;}
footer a:hover { text-decoration: underline; color: #fff; }

footer .product li { padding: 5px 0; }

.op5 { opacity: .5; }

.code-wechat { width: 225px; }

.footers { padding-top: 80px; }

.footer-txt { margin-top: 10px; }

.footer-icon img { margin: 0 5px; }

.fon40 { font-size: 40px; }
.fon45 { font-size: 40px; }

.product-btn { margin-top: 30px; }

/*走进我们*/
.join-bg { background: url(../images/index-join-img.jpg) no-repeat center; background-size: 100% 100%; }

.zoujin { margin: 0 auto;
    width: 100%; 
	position: relative;
    padding: 0;
	}

.padding-b60 { padding-bottom: 60px; }
.padding-b20 { padding-bottom: 10px; padding-top:40px}
.padding-b10 { padding-bottom: 60px; padding-top:20px; color:#292e7f}

.index-btn-more { width: 44px; height: 44px; background: url(../images/go-btn.png) no-repeat center #01498a; display: block; margin: 30px auto 0; transition: .3s linear all; }

.index-btn-more:hover { background: url(../images/go-btn.png) no-repeat center #b58b57; }

.more-bg { background: url(../images/index-item2-bg.png) no-repeat center top; padding-bottom: 75px; }

.video-master { background: rgba(0, 0, 0, 0.3); }

.video-title { padding: 30px 0; }

.type { color: #d68f3a; }

.index-news { margin-bottom: 40px; }
.padding30{ padding: 30px!important;}
.padding15{ padding: 15px  !important;}
.index-news .item { width: 33.33%; transition: .3s linear all; }
.index-news .item.w31{ width: 31.33%;}

.index-news .new-con { padding: 35px; align-content: space-around; }
.zoujin .index-news .new-con{ padding: 0;}

.index-news .item:hover .news-desc { text-decoration: underline; }

.index-news .item:hover .box .masters-bg0 { background: rgba(0, 0, 0, 0.3); }

.index-news .item:first-child .new-con { position: absolute; top: 0; height: 100%; background: #003E79; color: #fff; }

.news-desc { margin: 15px 0; }

.bg-org { background: #01498a; }

.join-tit { padding: 90px 0 90px; }

.join-icon-list li { width: 25%; margin-bottom: 70px; padding: 0 5%; }

.join-icon-list .j-txt { margin-top: 10px; }

.w50 { width: 50%; }

.w78 { width: 78%; margin: 0 auto; padding-top: 40px; }

.join-form .txt { width: 100%; background: #01498a; border: 1px solid #fff; color: #fff; font-size: 16px; height: 70px; padding: 20px; margin-bottom: 30px; }

.join-form input::-webkit-input-placeholder { color: #fff; }

.join-form input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; }

.join-form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; }

.join-form input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; }

.join-form .btn { width: 100%; height: 81px; background-color: #ffffff; border: 0; color: #01498a; }

.fuwu-item { padding: 30px; }

.index-btn-more1 { background: url(../images/index-icon-dowm.png) no-repeat center #01498a; }

.daohang { border-bottom: 1px solid #e4e4e4; }

.menu-nav li { width: 20%; }

.menu-nav li a { display: block; line-height: 30px; padding: 30px 0; width: 100%; text-align: center; transition: .3s linear all; }

.menu-nav li a:hover, .menu-nav li.cur a { background: #01498a; color: #fff; }

.new-list { border-bottom: 1px solid #e4e4e4; margin-bottom: 40px; padding-top: 60px; margin-left: -25px; margin-right: -25px; }

.new-list a { display: block; }


.list-right li .tip {
    padding: 0 10px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    position: absolute;
    border-radius: 5px;
    z-index: 1;
    top: 0;
    left: .55rem;
}
.tip.bule {
    background: #32b269;
}

.tip.red {
    background: #e30920;
}

.new-list li { border-right: 1px solid #e4e4e4; width: 33.33%; padding: 20px 25px 30px; box-sizing: border-box;position: relative; }
.new-list .news-desc{ height: 55px; color: #999;}
.new-list li:hover .news-desc { text-decoration: underline; }

.new-list .new-img { margin-bottom: 10px; }

.new-list .new-img img { display: block; }

.product-lists li:nth-child(3n) { border-right: 1px solid #ccc; }

.color-org { color: #003E79; }

.news-desc { padding: 0; }

.pages { padding: 40px 0 60px; }

.pages a { margin: 0 5px; padding: 5px 10px; box-sizing: border-box; border: 1px solid #fff; }

.pages a:hover, .pages a.cur { border: 1px solid #e4e4e4; border-radius: 5px; }

/*茶知识*/
.w68 { width: 77%; padding: 50px 50px 60px; }

.w68 .news-detail { padding-top: 40px; padding-bottom: 40px; line-height: 1.9; }

.w32 { border-left: 1px solid #e4e4e4; width: 23%; padding: 50px 0; }

.w32 .desc { margin: 10px 0; }

.titles { margin-bottom: 20px; }

.recommand-img { margin-bottom: 10px; display: block; }

.recommand-list li { margin-bottom: 30px; }

.news_btn_more { width: 100%; height: 48px; background-color: #fff; border: solid 1px #e5e5e5; line-height: 46px; text-align: center; display: block; transition: .3s linear all; }

.news_btn_more:hover { background: #01498a; color: #fff; border: 1px solid #01498a; }

.recommand { padding: 0 10% 50px; }

.news-r { border-bottom: 1px solid #e4e4e4; }

.recommand-list1 { padding-bottom: 40px; }

.recommand-list1 li { margin-bottom: 5px; }

/*品牌视频*/
.product-search-list { border: 1px solid #e4e4e4; margin-bottom: 50px; }

.pinpai-shipin { margin-top: 60px; margin-bottom: 20px; margin-left: auto; margin-right: auto; }

.pinpai-shipin-master, .bofang-master { background: rgba(0, 0, 0, 0.3); }

.product-list .search { margin: 15px 0; width: 206px; border: 1px solid #e4e4e4; }

.product-list input { height: 48px; padding: 15px 10px; width: 170px; border: none; }

.product-list .btn-search { width: 32px; height: 32px; background: url(../images/search-icon2.png) no-repeat center; border: none; font-size: 0; }

.list-left { width: 100%; padding: 35px 0 35px 35px; border-bottom: 1px solid #e4e4e4; }

.list-left .prodcut-type-tab { margin-bottom: 30px; }

.list-left .prodcut-type-tab span { padding: 12px 50px 12px 20px; border: 1px solid #cd7118; position: relative; }

.list-left .prodcut-type-tab span label { position: absolute; cursor: pointer; right: 0; font-size: 20px; line-height: 1; top: 0; background: #cd7118; color: #fff; padding: 10px 13px; }

.list-left .list-top { width: 75%; }

.list-left .list-bottom { width: 25%; }

.list-left dt { cursor: pointer; width: 85px; padding-right: 10px; color: #999; }

.list-left dt span { font-size: 25px; transform: rotate(0); }

.list-left dt.active span { transform: rotate(45deg); }

.list-left dd { padding-left: 15px; width: calc(100% - 110px); }

.list-left dl { padding: 15px 0; border-bottom: 1px solid #e4e4e4; }

.list-left dl:last-child { border-bottom: 0; }

.list-left dl.cur dd { display: block; }

.list-left dl.cur dt span { transform: rotate(45deg); display: block; }

.list-left dd ul li { padding: 4px 5px; }

.list-left dd ul li a { padding: 0 10px; }

.list-left dd ul li a:hover, .list-left dd ul li a.cur { color: #cd7118; }

.rank select { border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/icon-down.png) no-repeat right center; padding-right: 20px; }

.list-right { width: 100%; }

.list-right .new-list { margin-left: 0; margin-right: 0; padding-top: 0; border-bottom: none; }

.list-right .new-list a { display: block; }

.list-right li { border-bottom: 1px solid #e4e4e4; }

.list-right .product-center-list { margin-bottom: 0; }

.list-right .product-center-list li { width: 25%; }

.list-right .product-center-list li:nth-child(4n) { border-right: 0; }

.list-right .product-center-list li:last-child, .list-right .product-center-list li:nth-last-child(2), .list-right .product-center-list li:nth-last-child(4), .list-right .product-center-list li:nth-last-child(3) { border-bottom: 0; }

.duibi { border: 1px solid #e4e4e4; padding: 5px 10px; display: block; margin: 30px auto 0; width: 120px; }

.nofix-tel { display: none; }

.nofix .header, .header-bgf .header { background: #fff; transition: .3s linear all; border-bottom: 1px solid #e4e4e4; color: #666; }

.nofix .header a, .header-bgf .header a { color: #666; }

.nofix .header .tel, .header-bgf .header .tel { color: #003E79; }

.nofix .header .nofix-tel, .header-bgf .header .nofix-tel { display: block; }

.nofix .header .fix, .header-bgf .header .fix { display: none; }

.nofix .header .kefu { border-right: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; }

/*product-detail 产品详情*/
.product-tab{ padding-bottom: 30px;}
.show-img { position: absolute; background: #363636; width: 100%; left: 0; padding: 20px; color: #fff; top: 50px; display: none;z-index: 9; }

.show-img .contact-service { padding-top: 10px; }

.fon28 { font-size: 28px; }

.product-detail { border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; margin-bottom: 80px; }

.product-detail .w73 { width: 55%; border-right: 1px solid #e4e4e4; padding-top: 40px; padding-right: 30px; }
.padding-b30{ padding-bottom:30px}
.product-detail .w27 { width: 40%; padding: 40px 30px; }

.product-detail .product-desc { margin: 30px 0; }

.product-detail .btns { width: 100%; height: 50px; line-height: 50px; background-color: #fff; border: solid 1px #dbdbdb; display: block; transition: .3s linear all; }

.product-detail .btns:hover { background: #ce975a; color: #fff; border: solid 1px #ce975a; }

.product-detail .flex-share { justify-content: center; align-items: center; }

.product-detail .flex-share span { margin: 15px 10px; }

.detail-table { margin-top: 60px; }

.detail-table td { padding: 5px 10px; }

.shuxing { border-bottom: 1px solid #e4e4e4; margin-bottom: 60px; padding-bottom: 60px; }

.prodcut-details-right.w32 { padding-top: 0; }

.paddingt0 { padding-top: 0; }

.product-video { margin-bottom: 70px; }

.contact-us { padding: 70px 0 60px; max-width: 930px; margin: 0 auto; }

.contact-right { width: calc(100% - 80px); }

.contact-right p { padding-bottom: 10px; }

.map { padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid #e4e4e4; }

.yingxiao { border-bottom: 1px solid #e4e4e4; margin-bottom: 70px; }

.yingxiao li { margin-bottom: 70px; }

.icon-desc { width: calc(100% - 90px); }

.map-left { width: 350px; padding: 20px 20px; position: absolute; left: 0; top: 0; width: 350px; z-index: 2; height: 100%; border-right: 1px solid #e4e4e4; }

.map-left .layui-form-item .layui-input-inline { width: 92px; margin-right: 7px; }

.map-left .layui-form-select dl dd.layui-this { background: #ce975a; }

.map-right { width: 100%; padding-left: 350px; }

.map-address li { border-bottom: 1px solid #e4e4e4; padding-bottom: 25px; margin-bottom: 25px; padding: 15px 15px 15px 15px ; }
.map-address li.active{ background: #fafafa;}
.scrollbar { height: calc(100% - 50px); overflow-y: auto; width: calc(100% - 4px); }

.scrollbar::-webkit-scrollbar { /*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; }

.scrollbar::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #b9b9b9; }

.scrollbar::-webkit-scrollbar-track { /*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #EDEDED; }

.search-banner { padding: 100px 0; }

.flex-al-end { justify-content: center; align-items: flex-end; }

.zoujin-txt { margin-bottom: 90px; }

.max1200 { max-width: 1200px; margin: 0 auto; }

.about-center { margin-top: 70px; margin-bottom: 70px; }

.about-center .w42 { width: 42%; }

.about-center .w52 { width: 52%; }

.zoujin-con { margin: 60px 0; }

.zoujin-more { background: #01498a; color: #fff; text-align: center; line-height: 48px; display: inline-block; padding: 0 30px; transition: .3s linear all; }

.zoujin-more:hover { color: #fff; background: #b58b57; }

.licheng { background: #292929; padding: 90px 0; }

.about-video { padding: 90px 0; }
.lc-desc{ padding: 15px 15px 15px 0 ;}
.w1280 { max-width: 1440px; margin-left: auto; margin-right: auto; width: 88%; }

.margin-t70 { margin-top: 70px; }

.w49 { width: 49%; }

.w48 { width: 47.6%; }

.video-list { align-content: space-between; justify-content: space-between; }

.video-list li { width: 48%; }

/*茶知识*/
.chazhishi-news { padding: 90px 0; background: url(../images/zoujin-bg.jpg) no-repeat; background-size: cover; }

.read-more { padding: 16px 29px; border: 1px solid rgba(255, 255, 255, 0.3); position: absolute; right: 0; top: 0; }

.read-more1 { border: 1px solid rgba(0, 0, 0, 0.3); }

.read-more:hover { color: #fff; }

.read-more1:hover { color: #333; }

.zoujin-newlist { padding-top: 70px; }

.zoujin-newlist .new-img { margin-bottom: 13px; }

.about-new { margin-bottom: 70px; }

/*创始人*/
.chaungshi-img { width: 76%; }

.chuangshiren { background: url(../images/chuangshiren-bg.jpg) no-repeat center top; background-size: 100% 100%; padding-bottom: 50px; }

.chuangshiren .chuangshiren-img { padding-top: 90px; margin-bottom: 140px; }

.chuangshiren .name { position: absolute; left: 3%; top: 206px; z-index: 3; }

.chuangshiren .desc { position: absolute; z-index: 2; left: 50%; transform: translateX(-50%); bottom: 112px; width: 64%; }

.chuangshiren .line-48 { line-height: 48px; }

.chuangshiren .line-32 { line-height: 32px; }

.chuangshiren-list li { margin-bottom: 200px; width: 50%; }

.chuangshiren-list li:nth-child(2n+1) { margin-top: -300px; }

.chuangshiren-list li:nth-child(1) { margin-top: 0; }

.chuangshiren-list li:nth-child(2) { margin-top: 305px; }

.chuangshiren-list .dates { margin-top: -25px; position: relative; z-index: 3; padding: 0 30px; }

.chuangshiren-list li:nth-last-child(1) { margin-bottom: 0; }

.lichengs { background: url(../images/lc-bg.jpg) no-repeat center top; padding-bottom: 50px; padding-top: 50px; background-size: 100% 100%; }

.lichengs .lc-list li { width: 100%; overflow: hidden; position: relative; margin-bottom: 50px; }
.lichengs .lc-list li .fonrleft{width: 47%; float: right; }
.lichengs .lc-list li .fonrright{width: 47%; float: left;margin-right: 6%; }
.lichengs .lc-list li:nth-child(2n) .fonrleft{width: 47%; float: left; margin-right: 6%;}
.lichengs .lc-list li:nth-child(2n) .fonrright{width: 47%; float: right; margin-right: 0; }
.lichengs .lc-list li .lc-desc{color: #666;}

@media (max-width: 767px) {
.lichengs .lc-list li .fonrleft{width: 100%; float: right; margin-bottom: 20px; }
.lichengs .lc-list li .fonrright{width: 100%; float: left;margin-right: 0%; }
.lichengs .lc-list li:nth-child(2n) .fonrleft{width: 100%; float: left; margin-right: 0%;}
.lichengs .lc-list li:nth-child(2n) .fonrright{width: 100%; float: right; margin-right: 0; }
}
.max650 { max-width: 650px; margin: 0 auto 100px; }

.licheng-fon { color: rgba(0, 0, 0, 0.9); }

.fon100 { font-size: 100px; }

.fon60 { font-size: 47px; }

.dingzhi-banner-txt { margin-top: 200px; }

.zhuanshu-list { padding: 50px 0 70px; }

.zhuanshu-list li { width: 20%; padding: 0 15px; }

.zhuanshu-list .box { border: 1px solid #e4e4e4; padding: 25px; height: 100%; }

.zhuanshu-list .title { padding: 15px 0; }

.line-25 { line-height: 25px; }

.box-icon { height: 66px; display: flex; align-items: center; justify-content: center; }

.dingzhi-liucheng { background: url(../images/dz-lc-bg.jpg) no-repeat center; background-size: cover; }

.dingzhi-liucheng .title { padding: 70px 0; }

.dingzhi-liucheng .box-line { border-top: 1px solid rgba(255, 255, 255, 0.25); border-bottom: 1px solid rgba(255, 255, 255, 0.25); }

.dingzhi-liucheng .box-line-lr { border-left: 1px solid rgba(255, 255, 255, 0.25); border-right: 1px solid rgba(255, 255, 255, 0.25); }

.dingzhi-liucheng .left { width: 66%; }

.dingzhi-liucheng .left li { width: 33.33%; padding: 45px 0; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.25); }

.dingzhi-liucheng .left .title-one { padding: 15px 0; }

.dingzhi-liucheng .left li:nth-child(1), .dingzhi-liucheng .left li:nth-child(2), .dingzhi-liucheng .left li:nth-child(3) { border-bottom: 1px solid rgba(255, 255, 255, 0.25); }

.dingzhi-liucheng .right { width: 33%; padding: 40px; }

.dingzhi-liucheng .right .txt { width: 100%; padding: 20px 20px; border: 1px solid rgba(255, 255, 255, 0.25); background: rgba(246, 246, 246, 0.5); margin-bottom: 22px; }

.dingzhi-liucheng input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */ color: #fff; }

.dingzhi-liucheng input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */ color: #fff; }

.dingzhi-liucheng input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */ color: #fff; }

.dingzhi-liucheng input:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/ color: #fff; }

.dingzhi-liucheng .btn { width: 100%; border: 0; background: #6e4a26; padding: 20px 0; }

.dingzhi-liucheng .dingzhi-desc { padding: 50px 0; color: rgba(255, 255, 255, 0.5); }

.top-list dl { border-top: 1px solid #e4e4e4; margin-bottom: 120px; border-bottom: 1px solid #e4e4e4; }

.top-list dl:nth-child(2n) .dingzhi-list { flex-direction: row-reverse; }

.dingzhi-list li { border-left: 1px solid #e4e4e4; width: 50%; }

.dingzhi-list li:nth-child(1), .dingzhi-list li:nth-child(2) { border-bottom: 1px solid #e4e4e4; }

.dingzhi-list li:nth-child(2n), .dingzhi-list li:last-child { border-right: 1px solid #e4e4e4; }

.dingzhi-list .dingzhi-master { padding: 40px; align-items: flex-end; }

.box-case { border: 1px solid #e4e4e4; border-bottom: 0; margin-bottom: 70px; }

.box-case li { width: 33.33%; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding-bottom: 40px; }

.box-case li:nth-child(3n) { border-right: 0; }

/*茶之旅*/
.chazhilv-desc { max-width: 700px; line-height: 36px; margin-left: auto; margin-right: auto; }

.colorbb { color: #bbb; }

.chazhlv-list { margin-bottom: 90px; }

.chazhlv-list .title { padding-bottom: 45px; }

.chazhlv-list li { width: 50%; margin: 0 0 30px; padding-left: 15px; padding-right: 15px; }

.chazhlv-list .text { background: url(../images/chazhilv-text.png) no-repeat center bottom; align-items: flex-end; background-size: cover; }

.chazhlv-list .name { padding: 30px; }

.chazhlv-list li.w100 { width: 100%; }

.apply-box { padding: 60px 0;  background-size: cover; }

.apply-box .txt { width: 30%; background: none; border: 1px solid rgba(0, 0, 0, 0.25); padding: 30px 25px; margin-top: 30px; }
.apply-box .txt1 { width: 100%; background: none; border: 1px solid rgba(0, 0, 0, 0.25); padding: 30px 25px; margin-top: 30px; }

.apply-box .btn { background: #6e4a26; border: 0; }

.apply-box input::-webkit-input-placeholder { color: #666; }

.apply-box input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #666; }

.apply-box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #666; }

.apply-box input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666; }

.apply-box .title { padding: 10px 0; }

.product-c-banner { padding: 70px 0; }

.del-product { border: 1px solid #e4e4e4; padding: 5px; text-align: center; }

.new-imgs { margin: 20px 0; }

.product-c { border-top: 1px solid #e4e4e4; }

.product-c li { flex: 1; }

.product-c .new-img { margin: 20px 0; }

.product-c li:first-child .border-right { border-left: 1px solid #e4e4e4; }

.left-top { background: #eae8e5; margin-bottom: 60px; }

.add-btn { font-size: 30px; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #e4e4e4; display: inline-block; line-height: 30px; text-align: center; margin-top: 5px; }

.padding18 { padding: 18px; }

.box-border { border-bottom: 1px solid #e4e4e4; margin-bottom: 60px; }

.add-btns { width: 100%; border-right: 1px solid #e4e4e4; height: 100%; border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; }

.table-line { border-bottom: 1px solid #e4e4e4; margin-bottom: 60px; }

.table-line p { height: 50px; background: #f6f5f4; padding: 5px 10px; border-bottom: 1px solid #fff; line-height: 49px; }

.table-line p:nth-child(2n) { background: #ffffff; }

.border-right { border-right: 1px solid #e4e4e4; }

.left-middle { margin-bottom: 60px; }

.left-middle p { height: 50px; padding: 5px 10px; border-bottom: 1px solid #dedede; background: #eae8e5; line-height: 50px; }

.buy-class { display: block; border: 1px solid #e4e4e4; padding: 5px 10px; margin: 10px auto; }

.product-xinxi { padding: 15px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; }

.xinxi-desc { padding: 10px 0; min-height: 68px; display: flex; align-items: center; }

.product-xinxi1 { padding: 0 15px; border-bottom: 1px solid #e4e4e4; }

.text-left { text-align: left !important; }

.chanpin { padding-bottom: 20px !important; }

.b-logo { margin-bottom: 50px; }

.join-txt { border: solid 1px #ffffff; padding: 10px 10px; box-shadow: 3px 3px 1px 0px white; display: inline-block; margin: 10px auto 0; position: relative; }

.w40 { width: 40%; }

.w44 { width: 44%; }
.w52{ width: 52%;}
.join-desc { padding: 50px 0; background: #fcfcfc; }

.join-desc .title { position: relative;  margin-bottom: 20px; display: inline-block;margin-top: 30px; font-size: 22px; }

/*.join-desc .title::after { position: absolute; left: 0; bottom: 30px; content: ''; width:100%; height: 4px; background: #000; }*/

.line-32 { line-height: 32px; }

.item1 { background: #f0f0f0; padding-bottom: 80px; }

.item1-1 { border-radius: 10px; margin-top: -150px; position: relative; z-index: 2; padding: 60px 25px 10px; }

.item-bg { position: absolute; left: 0; top: 330px; }

.item-bg1 { position: absolute; right: 0; top: 30%; }

.number { width: 75px; height: 75px; background-color: #6e4a26; border-radius: 50%; text-align: center; line-height: 75px; margin: 0 auto 35px; }

.color2f { color: #2f2525; }

.colora1 { color: #a1a1a1; }

.txt2 { margin-top: 20px; }

.txt3 { margin-top: 20px; }

.zs-list1 { padding-top: 70px; }

.zs-list1 li { width: 50%; padding: 0 1.2%; margin-bottom: 30px; border-radius: 20px; overflow: hidden; }

.zs-list1 li img { border-radius: 10px; }

.zs-list1 .list-txt { background: url(../images/zs-list1-bg.png) no-repeat center bottom; align-items: flex-end; padding: 15px; justify-content: center; }

.fonad { font-family: AdobeKaitiStd-Regular; }

.margin-b50 { margin-bottom: 70px; }

.zs-list2 { padding-top: 30px; }

.zs-list2 li { border-radius: 20px; overflow: hidden; }

.fon45 { font-size: 45px; }

.color-ff7f00 { color: #ff7f00; }

.list2-txt { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); }

.zs-list3 { padding-top: 70px; }

.zs-list3 li { width: 33.33%; padding: 0 15px; }

.zs-list3 li img { border-radius: 10px; }

.zs-list3 .list3-img { margin-bottom: 15px; overflow: hidden; border-radius: 10px; }

.border-r10 { border-radius: 10px; overflow: hidden; }

.item03 .zs-list1 { padding-top: 30px; }

.max780 { width: 780px; padding-bottom: 60px; }

.list-txt02 { align-items: flex-end; }

.list3-imgs { margin-bottom: 50px; }

.padding-tb10 { padding: 10px 0; }

.zs-list3-1 li { padding: 0 5.5%; }

.zs-list4 { padding-top: 30px; }

.zs-list4 li { width: 20%; padding: 0 15px; }

.zs-list4 li img { filter: grayscale(100%); }

.dingzhi-liucheng.join-forms { background: url(../images/zs-zl-bg.jpg) no-repeat center; background-size: cover; padding-bottom: 70px; }

.dingzhi-liucheng.join-forms .left li { width: 20%; padding: 20px 15px; }

.dingzhi-liucheng.join-forms li:nth-child(4), .dingzhi-liucheng.join-forms li:nth-child(5) { border-bottom: 1px solid rgba(255, 255, 255, 0.25); }

.join-lc { padding: 70px 0; background: url(../images/zs-lc-bg.png) no-repeat right bottom #f7f7f7; }

.circle { width: 67px; height: 67px; border-radius: 50%; background: #6e4a26; color: #fff; display: block; margin: 0 auto 28px; text-align: center; line-height: 67px; }

.join-lc-list { padding-top: 50px; }

.join-lc-list li { width: 25%; margin-bottom: 50px; }

.join-lc-list li:nth-child(4n) .jiantou, .join-lc-list li:last-child .jiantou { visibility: hidden; }

.flex-j-between { justify-content: space-around; }

.join-jm { padding: 70px 0; }

.join-list-img { padding-top: 70px; }

.join-box {  background-size: 100% 100%; }

.right-contact { width: 60px; height: 182px; position: fixed; z-index: 4; right: 0; bottom: 10%; }

.right-contact li { height: 60px; border-bottom: 1px solid #5c5c5c; cursor: pointer; background: rgba(0, 0, 0, 0.8); }

.right-contact .icon-chart { background: url(../images/r-icon-code.png) no-repeat center; background-size: 21px; height: 60px; width: 60px; }

.right-contact .icon-join { background: url(../images/join-icon.png) no-repeat center; background-size: 21px; height: 60px; width: 60px; }

.right-contact .icon-tel { background: url(../images/r-icon-kefu.png) no-repeat center; background-size: 21px; height: 60px; width: 60px; }

.right-contact .icon-top { background: url(../images/r-icon-top.png) no-repeat center; background-size: 21px; height: 60px; width: 60px; }

.right-contact .code { position: absolute; padding: 20px; width: 180px; background: #01498a; top: 0; height: 180px; left: 180px; opacity: 0; }

.right-contact li:hover .icon-chart { background: url(../images/r-icon-code.png) no-repeat center; background-size: 21px; height: 60px; }

.right-contact li:hover .icon-tel { background: url(../images/r-icon-kefu.png) no-repeat center; background-size: 21px; height: 60px; }

.right-contact li:hover .icon-top { background: url(../images/r-icon-top.png) no-repeat center; background-size: 21px; height: 60px; }

.right-contact li:hover .code { left: -180px; }

.right-contact .w150 { width: 150px; }

.right-contact .service { height: 60px; width: 90px; line-height: 60px; color: #fff; text-align: center; }

.right-contact li:hover { border-bottom: 1px solid #01498a; background: #01498a; }

.right-contact li.f-trans:hover { background: #01498a; transform: translateX(-90px); }

.right-contact li:hover .code { opacity: 1; }

.header-flex { flex-wrap: nowrap; }

.phone-fix { transform: translateX(100%); display: none; }

.index-banner2 .btn-icon { width: 99px; height: 23px; display: inline-block; font-size: 0; }

.index-banner2 .swiper-slide {  }

/* .index-banner2 .swiper-slide:nth-child(1n) { background: #3f3f3f; } */

.index-banner2 .swiper-slide:nth-child(1n) .btn-icon { background: url(../images/left-btn.png) no-repeat left center; }

/* .index-banner2 .swiper-slide:nth-child(2n) { background: #3f3f3f; } */

.index-banner2 .swiper-slide:nth-child(2n) .btn-icon { background: url(../images/right-btn.png) no-repeat left center; }

.index-banner2 .swiper-slide:nth-child(2n) p { color: #fff; }

.p-header { height: 100px; }

.product-search-lists li { border-bottom: 1px solid #e4e4e4; }

.line { position: absolute; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.25); top: 50%; transform: translateY(-50%); }

.lc-list-box .swiper-slide { position: relative; padding: 200px 0; }

.lc-list-box .swiper-slide::after { content: ''; display: block; width: 15px; height: 15px; background-color: #ce975a; border-radius: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); position: absolute; top: 50%; }

.lc-list-box .swiper-slide::before { content: ''; display: block; width: 1px; height: 50px; background-color: #ce975a; left: 50%; transform: translateX(-50%); position: absolute; top: 50%; }

.lc-list-box .year { top: 260px; position: absolute; left: 50%; transform: translateX(-50%); }

.lc-list-box .desc { top: 330px; position: absolute; left: 50%; transform: translateX(-50%); width: 100%; }

.lc-list-box .title { top: 280px; position: absolute; left: 50%; transform: translateX(-50%); width: 100%; }

.lc-list-box .swiper-slide:nth-child(2n) .year { top: 120px; }

.lc-list-box .swiper-slide:nth-child(2n) .desc { top: 30px; }

.lc-list-box .swiper-slide:nth-child(2n) .title { top: 75px; }

.lc-list-box .swiper-slide:nth-child(2n)::before { transform: translateY(-50px); }

.lc-list-box .licheng-swiper .swiper-button-next { right: 0; }

.lc-list-box .licheng-swiper .swiper-button-prev { left: 0; }

.sub-nav { position: absolute; width: 150%; background: #fff; left: 0; top: 52px; padding: 20px; display: none; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }

.sub-nav dd { padding: 8px 0; }

.sub-nav dd a { color: #333; display: block; transition: .3s linear all; }

.sub-nav dd a:hover { color: #ce975a; text-decoration: underline; transform: translateX(5px); }

.video-masters { background: rgba(0, 0, 0, 0.6); position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 99; display: none; }

.video { max-width: 1000px; width: 90%; background: #000; animation-delay: 1.5s; }

.close-btn { position: fixed; right: 20px; top: 20px; z-index: 100; cursor: pointer; }

.product-compare-left { flex-wrap: nowrap; margin-bottom: 60px; }

.product-compare-left .left { width: 197px; }

.product-compare-left .product-c { width: calc(100%  - 301px); flex: auto; }

.w100px { width: 106px; background: #fff; }

.new_list_npwarp { flex-wrap: nowrap; }

.dingzhi-list li img { max-height: 100%; }

.index-banner-txt { margin-bottom: 150px; }

.banner-txt { max-width: 430px; }

.p-flex-top { justify-content: center; }

.index-banner-txt { padding-top: 150px; }

.daohang { overflow-x: auto; }

.daohang li { width: 20%; flex-shrink: 0; }
.daohang6 li { width: 16.6%; flex-shrink: 0; }

.max1000 { max-width: 900px; margin: 0 auto; width: 92%; }

.index-banner2 { margin-top: 60px; }

.icon-shaixuan { background: url(../images/btn-saixuan.png) no-repeat left center; padding: 10px 0 10px 30px; background-size: 20px; }

nav li{ position: relative}
nav li::after,.header li::before{opacity: 0; transition: .5s linear all; position: absolute; content: ''; height: 3px; background: #ce975a; bottom: -25px;  width:0;}
nav li::before{right: 50%;}
nav li::after{left:  50%;}
nav li:hover::before,.header li:hover::after{ opacity: 1; width: 50%;}
nav li a:hover{ font-weight: bold;}
.index-video:hover{ cursor: pointer;}
.index-banner2 .swiper-button-next{ width: 50px; height: 50px; background: url(../images/btn-rights.png) no-repeat center #cccccc; border-radius: 50%;background-size: 30px;}
.index-banner2 .swiper-button-prev{ width: 50px; height: 50px; background: url(../images/btn-lefts.png) no-repeat center #cccccc; border-radius: 50%;background-size: 30px;}

.index-banner2 .swiper-button-next:hover{ background: url(../images/btn-rights.png) no-repeat center #999999; border-radius: 50%;background-size: 30px;}
.index-banner2 .swiper-button-prev:hover{ background: url(../images/btn-lefts.png) no-repeat center #999999; border-radius: 50%;background-size: 30px;}
.map-address { padding-right: 20px;}
#allmap{ margin-bottom: 30px;}
.btn-group{ margin-top: 20px;}
.btn-group a{ width: 48%;line-height: 44px; border: 1px solid #e4e4e4; text-align: center;}
.bg-yellow{ background: #01498a; color: #fff;}
.bg-yellow:hover{ color: #fff;}
.shop-banner{ width: 100%; max-width: 800px; padding: 0 60px;}
.bgfix{ position: fixed; left: 0;top: 0; bottom: 0;right: 0; background: rgba(0, 0, 0, .5); z-index: 999;}
.shop-banner .swiper-button-next,.shop-banner .swiper-button-prev{ width: 40px; height: 40px; border-radius: 50%; border: 2px solid #fff;}
.shop-banner .swiper-button-next{background: url(../images/btn-rights.png) no-repeat center ; background-size: 20px; }
.shop-banner .swiper-button-prev{background: url(../images/btn-lefts.png) no-repeat center ; background-size: 20px; }
.shop-banner .swiper-pagination-fraction{ border-radius: 20px; width: auto; padding: 2px 10px; background: rgba(0, 0, 0, 0.3); color: #fff; left: 50%; transform: translateX(-50%);}
.btn-close{ font-size: 0; width: 40px; height:40px; background: url(../images/btn-close.png) no-repeat center; background-size: contain; position: absolute; right: 0; top: -50px;}
#showImg{ opacity: 0; transform: scale(0); transition: .3s linear all;}
#showImg.active{ opacity: 1; transform: scale(1);}
.show_kefu:hover .show-img{ opacity: 1; display: block;}
header .bg0{ background: #000;}
@media (max-width: 1360px) { .header .kefu { padding: 10px 10px; }


  .header li { padding: 0 20px; }
  .header .search { padding: 15px 10px 0; } }

@media (max-width: 1200px) { .fon32 { font-size: 28px; }
  .fon18 { font-size: 16px; }
  .fon30 { font-size: 24px; }
  .chuangshiren .name, .chuangshiren .desc { position: static; text-align: center; padding: 15px 0; }
  .chuangshiren .desc { transform: translateX(0); margin: 0 auto; } }

.nav-search { position: absolute; right: 0; top: 100%; background: #3f3f3f; height: 60px; width: 320px; display: none; }

.nav-search input { color: #fff; font-size: 14px; }

.nav-search .nav-search-input { width: 260px; padding: 20px; height: 100%; background: none; border: none; }

.nav-search button { background: url(../images/icon-search.png) no-repeat center; padding: 0 20px; font-size: 0; border: 0; }

@media (max-width: 1024px) { .fon40 { font-size: 25px; }
  .header .kefu { padding: 10px 5px; }
  .header li { padding: 0 6px; position: relative; }
  .header .search { padding: 15px 0 0 10px; }
  .p-padding15 { padding-left: 15px; padding-right: 15px; }
  .item1-1 { margin-top: -65px; } }

@media (max-width: 1360px) { .chuangshiren .line-48 { line-height: 32px; } }



.navtitle{ position: relative;overflow: hidden; width: 100%; display: block; margin: 50px 0 30px; }
.navtitle ul{zoom: 1;}
.navtitle ul li{display:block; position:relative; float: left;margin-left: 50px; margin-bottom: 10px;}
.navtitle ul li:first-child{margin-left:0}
.navtitle ul li a{display:block;  height:40px; line-height:40px;color:#666; overflow:hidden;font-size:18px;     transition: color .3s;}
.navtitle ul li a.cur,.navtitle ul li a:hover{color:#003E79;  }

.navtitle ul li a:before { content: ""; position: absolute;width: 0;bottom: 0; height: 3px;background: #003E79; -webkit-transition: all .3s; transition: all .3s;}
.navtitle ul li a:hover:before, .navtitle ul li a.cur:before { height: 3px; width: 100%;}


@media (max-width: 760px) { 
.navtitle ul li{display:block; position:relative; width: 30.3%; float: left;margin: 0 1.5%; margin-bottom: 10px;}
.navtitle ul li a{font-size:16px; height:32px; line-height:32px;}	
	
	 }



.p-padding15{ margin-bottom: 30px;}



.detail-table {position: relative;overflow: hidden; width: 100%; display: block; margin-top: 15px; }
.detail-table p{font-size: 14px; line-height: 28px; color: #888;}
.detail-table img{max-width: 100%; margin-bottom: 10px;}

.product-detail .product-desc{position: relative;overflow: hidden; width: 100%; display: block; }
.product-detail .product-desc p{font-size: 14px; line-height: 28px; color: #888;}
.potel{position: relative;overflow: hidden; width: 100%; display: block; margin-top: 15px; font-size: 15px;}
.potel span{font-size: 18px; padding: 0 5px; color: #01498a;}

.toptitle{position: relative;overflow: hidden; width: 100%; display: block; height: 70px;
    line-height: 70px;
    border-bottom: 1px solid #ececec; }
.toptitle .titdd{font-size: 15px;}

.toptitle .backbtn{display: block; overflow: hidden; position: absolute; right: 0; top: 0;font-size: 15px;}
.toptitle .backbtn img{margin-left: 5px;}





.index-video iframe{width: 100%; height: 600px;}
.video-title{color: #333 !important;}

@media (max-width: 760px) { 

.index-video iframe{width: 100%; height: 350px;}



}